@import "col.css";
 *{margin:0;padding:0}
  .row:after{
      content:"";
      display: table;
      clear: both;
  }
  .row::before{
    content:"";
    display: table;
  }
  div{
      box-sizing: border-box;
  }
  img{
      border: 0;
  }
table{
    border-collapse: collapse;
}
div{
    box-sizing: border-box;
}
li{
    list-style: none;
}
body,.html{
    color:#333;
    font-size: 12px;
    font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
}
a{
    text-decoration: none;
    color:#333;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.tc{
    text-align: center;
}
/* 元素水平居中 要给父元素一个相对定位 position: relative; */
.center-center{
    position: absolute;
    left: 0;
    right:0;
    bottom:0;
    top: 0;
    margin: auto;
}
.border{
  border: 1px solid #333;
}
/*伪元素生成竖线 父元素要给相对定位*/
.left-border>div:not(:last-child)::after{
    content:"";
    display: block;
    position:absolute;
    width:1px;
    height:100%;
    /*background:#333;*/
    border-right: 1px solid #333;
    top:0;
    right:0;
}
/* 小三角（向右）  父元素要给相对定位*/
.triangle::after{
    content: "";
    border: 7px solid transparent;
    border-left-color:skyblue; 
    position: absolute;
    right: -14px;
    top:10px;
}
.flex{
    display: flex;
}
.container .row div{
    margin-left: -1px;
}
